<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:66:"F:\wamp\www\tp5\public/../application/mobile\view\index\index.html";i:1539738334;}*/ ?>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/static/mobile/indexcss/amazeui.min.css">
    <link rel="stylesheet" href="/static/mobile/indexcss/wap.css?2">
    <title>首页</title>
</head>
<body>
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
    <a href="#top" title="">
        <img class="am-gotop-icon-custom" src="/static/mobile/img/goTop.png" />
    </a>
</div>

<div class="pet_mian" id="top">
  <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
  <ul class="am-slides">
      <li>
            <img src="static/mobile/img/banner1.jpg">
            <div class="pet_slider_font">
                <span class="pet_slider_emoji"> (╭￣3￣)╭♡   </span>
                <span>打开电脑看着那些往事云烟</span>
            </div>
            <div class="pet_slider_shadow"></div>
      </li>
      <li>
            <img src="static/mobile/img/banner2.jpg">
            <div class="pet_slider_font">
                <span class="pet_slider_emoji"> []~(￣▽￣)~*　</span>
                <span>那时单车载着手牵手的梦想</span>
            </div>
            <div class="pet_slider_shadow"></div>
      </li>
      <li>
            <img src="static/mobile/img/banner3.jpg">
            <div class="pet_slider_font">
                <span class="pet_slider_emoji"> (｡・`ω´･)　</span>
                <span>已然留下面向夕阳陪伴的背影</span>
            </div>
            <div class="pet_slider_shadow"></div>
      </li>
  </ul>
</div>


<div class="pet_circle_nav">
    <ul class="pet_circle_nav_list">
        <li><a href="<?php echo url('mobile/index/index'); ?>" class="iconfont pet_nav_xinxianshi ">&#xe61e;</a><span>新鲜事</span></li>
        <li class="wait-btn"><a href="" class="iconfont pet_nav_zhangzhishi ">&#xe607;</a><span>趣闻</span></li>
        <li class="wait-btn"><a href="" class="iconfont pet_nav_kantuya ">&#xe62c;</a><span>阅读</span></li>
        <li class="wait-btn"><a href="" class="iconfont pet_nav_mengzhuanti ">&#xe622;</a><span>专题</span></li>
        <li><a href="<?php echo url('mobile/index/info'); ?>" class="iconfont pet_nav_meirong ">&#xe629;</a><span>通知</span></li>
        <li class="wait-btn"><a href="" class="iconfont pet_nav_yiyuan ">&#xe602;</a><span>专栏</span></li>
        <li class="wait-btn"><a href="" class="iconfont pet_nav_dianpu ">&#xe604;</a><span>讨论</span></li>
        <li><a href="javascript:;" class="iconfont pet_nav_gengduo ">&#xe600;</a><span>更多</span></li>
    </ul>
    <div class="pet_more_list"><div class="pet_more_list_block">
    <div class="iconfont pet_more_close">×</div>
    <div class="pet_more_list_block">
        <div class="pet_more_list_block_name">
            <div class="pet_more_list_block_name_title">阅读 Read</div>
            <a class="pet_more_list_block_line" href="<?php echo url('mobile/index/index'); ?>">
                <i class="iconfont pet_nav_xinxianshi pet_more_list_block_line_ico">&#xe61e;</i>
                <div class="pet_more_list_block_line_font">新鲜事</div>
            </a>
            <a class="pet_more_list_block_line" href="<?php echo url('mobile/index/info'); ?>">
                <i class="iconfont pet_nav_bk pet_more_list_block_line_ico">&#xe629;</i>
                <div class="pet_more_list_block_line_font">通知</div>
            </a>
            <a class="pet_more_list_block_line wait-btn" >
                <i class="iconfont pet_nav_zhangzhishi pet_more_list_block_line_ico">&#xe607;</i>
                <div class="pet_more_list_block_line_font" >趣闻</div>
            </a>
            <a class="pet_more_list_block_line wait-btn" >
                <i class="iconfont pet_nav_kantuya pet_more_list_block_line_ico">&#xe62c;</i>
                <div class="pet_more_list_block_line_font" >阅读</div>
            </a>
            <a class="pet_more_list_block_line wait-btn">
                <i class="iconfont pet_nav_mengzhuanti pet_more_list_block_line_ico">&#xe622;</i>
                <div class="pet_more_list_block_line_font" >专题</div>
            </a>
            <a class="pet_more_list_block_line wait-btn">
                <i class="iconfont pet_nav_wd pet_more_list_block_line_ico">&#xe602;</i>
                <div class="pet_more_list_block_line_font" >专栏</div>
            </a>
        </div>
    </div>

    </div></div>
</div>


<div class="pet_content_main">
  <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
  <div class="am-list-news-bd">
  <ul class="am-list">
     <!--缩略图在标题右边-->
    <?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$v): $mod = ($i % 2 );++$i;?>
      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
        <div class="pet_list_one_info">
            <div class="pet_list_one_info_l">
                <!-- <div class="pet_list_one_info_ico"><img src="static/mobile/img/a1.png" alt=""></div>
                <div class="pet_list_one_info_name">Super invincible 菁 </div> -->
            </div>
            <div class="pet_list_one_info_r">
                <input type="hidden" value="<?php echo $v['id']; ?>">
                <div class="pet_list_tag pet_list_tag_xxs"><?php echo $v['name']; ?></div>
            </div>
        </div>
        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
            <h4 class="am-list-item-hd pet_list_one_bt" style=" overflow: hidden; white-space: nowrap;text-overflow: ellipsis;"><a href="<?php echo url('/indexs', ['id'=>$v['id']]); ?>" class=""><?php echo $v['title']; ?></a></h4>
            <br>
            <br>
            <div class="am-list-item-text pet_list_one_text"><?php echo $v['content']; ?></div>
            
        </div>
          <div class="am-u-sm-4 am-list-thumb">
            <a href="###" class="">
              <!-- <img src="static/mobile/img/q1.jpg" class="pet_list_one_img" alt=""/> -->
              <img src="<?php echo $v['image']; ?>" class="pet_list_one_img" alt=""/>
            </a>
          </div>
      </li>
    <?php endforeach; endif; else: echo "" ;endif; ?>
    </ul>
  </div>

    </div>

</div>


<div class="pet_article_dowload pet_dowload_more_top_off">
      <div class="pet_article_footer_info">Copyright(c)2015 Amaze UI All Rights Reserved</div>
</div>
</div>


<script src="/static/mobile/indexjs/jquery.min.js"></script>
<script src="/static/mobile/indexjs/amazeui.min.js"></script>

<script>
$(function(){

    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });

    $('.am-list > li:last-child').css('border','none');
    function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());

    }
        $('.pet_nav_gengduo').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
       });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
});

</script>

<script>
  $(function(){
    $('.wait-btn').click(function(){
      alert('正在应用户需要努力开发中~~~~~~请耐心等待哟!');
    });
  });
</script>


</body>
</html>